.container {
    height: 100vh;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;

    [data-prefers-color='dark'] & {
        background-color: unset;
    }
}

.side {
    flex: none;
}

.main {
    width: 70%;
    flex: auto;
}

.content {
    width: 100%;
    margin-top: 20px;
    height: 500px;
    display: none;

    &.active {
        display: flex;
    }
}
.adm-side-bar-item-active{
    color:rgb(255,0,0);
}
.adm-side-bar-item-highlight{
    height: 35%;
    width: 0.25rem;
    background: rgb(255,0,0);
    position: absolute;
    top: 1.8085rem
}
.adm-side-bar-item-title{
    text-align: center;
    margin-left: 10px;
    font-size: 1rem;
}

.lbt-item{
    margin-top: 0.625rem;
    margin-left: 1.375rem;
} 
.adm-side-bar{
    width: 7.625rem;
}
.fen-one{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.fen-one li{
    width: 19.375rem;
    padding: 0.625rem;
    height: 6.25rem;
    display: flex;
    margin: 0.625rem;
    border-bottom: 1px solid #e0e0e0;
}